<template>
  <router-view />
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme)
  })
})
</script>

<style>
body{
  --el-menu-item-font-size:16px;
  --el-font-size-base:16px;
  --el-form-label-font-size:16px;
}
@font-face {
  font-family: 'CustomFont';
  src: url('./fonts/CustomFont.ttf') format('truetype');
}
@font-face {
  font-family: 'CustomNumberFont';
  src: url('./fonts/PangMenZhengDao-3.ttf') format('truetype');
}
@media print {
  @page {
    size: auto;
    margin: 0mm;
  }
  .el-icon.el-dialog__close{
    display: none;
  }
}

.el-table .cell{
  font-size: 16px;
}
.el-button{
  font-size: 16px;
}
.pdf-dom{
  box-shadow:none;
}
.text-theme{
  color:#11A983;
  font-size: 14px;
}
.el-form-item{
  align-items: center;
}
.el-input {
  --el-input-height: 40px; /* 您想要设置的新高度 */
  --el-component-size: 40px!important;
}
.el-date-editor.el-input__wrapper{
  --el-component-size: 38px!important;
}
.el-dialog__body{
  padding: 30px 40px 15px 40px;
}

.el-descriptions__title{
  text-align: center;
  flex: 1;
}
.el-form--label-left .el-form-item__label{
  justify-content:flex-end;
}

.el-upload--picture-card{
  width: 102px;
  height: 102px;
}
.el-upload-list--picture-card .el-upload-list__item{
  width: 102px;
  height: 102px;
}

.custom-title{
  color: #333;
  font-size: 18px;
  padding:5px 0 15px;
  font-weight: 700;
}

.upload-file{
  
  width: 100%;
}
.el-upload-list__item.ele-upload-list__item-content .el-link{
  padding-left: 10px;
  width: 81%;
  justify-content:start;
}
.el-upload-list__item.ele-upload-list__item-content .el-link__inner{
  width: 100%;
  justify-content:start;
}
.el-upload-list__item.ele-upload-list__item-content .el-icon-document{
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.el-upload-list__item.ele-upload-list__item-content .el-link.l-link--danger{
  width: 40px;
}
.upload-file .el-upload-dragger{
    padding: 10px 0!important;
} 
.upload-file .el-upload-dragger .el-icon--upload{
  font-size: 40px!important;
}

.el-menu-item.is-active{
  color: #fff;
  background: #458FF3 ;
}

#app .sidebar-container .svg-icon{
  flex-shrink:0 ;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
  background-color: #246BCC;
  color: #fff;
}
.el-table--enable-row-hover .el-table__body tr:hover .el-button.is-link{
  color: #fff!important;
}
.table-none .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
  background-color: #fff;
  color: #909399;
}



/deep/ .custom-dict-tag .el-tag {
	  background-color: var(--custom-background-color) !important;
	  color: var(--custom-color) !important;
	}
	
	.custom-dict-tag /deep/.el-tag--light {
	  background-color: var(--custom-background-color) !important;
	  color: var(--custom-color) !important;
	}
	
	.custom-dict-tag /deep/ .el-tag:hover {
	  background-color: var(--custom-background-color) !important;
	  color: var(--custom-color) !important;
	  opacity: 1 !important; /* 确保 hover 时透明度不变 */
	}
</style>

